.header{
    width: 100%;
    height: 0.8rem;
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    background: #F3F3F3;
}
.fixedHeader{
    position: fixed;
    transition: all .3s ease-in-out;
}
.header .h-logo{
    width: 1.2rem;
    height: 0.48rem;
    margin: 0.18rem 0 0;
}
.header .h-logo img{
    height: 100%;
}
.header .search{
    width: 2rem;
    height: 0.8rem;
    position: relative;
}
.header .search .s-input{
    width: 100%;
    height: 0.35rem;
    border: 0.01rem solid #c9caca;
    border-radius: 0.18rem;
    background: #fff;
    outline: none;
    padding: 0.04rem 0.38rem 0.04rem 0.13rem;
    position: absolute;
    left: 0;
    top: 0.22rem;
}
.header .search .s-input:hover{
    border-color: #C01827;
}
.header .search .s-input:focus{
    border-color: #C01827;
}
.header .search .s-btn{
    position: absolute;
    top: 0.28rem;
    right: 0.13rem;
    width: 0.24rem;
    height: 0.24rem;
    background: url('../images/search.png') no-repeat center center;
    background-size: cover;
    cursor: pointer;
}

.header .menus{
    margin-left: 1.2rem;
    margin-right: 2rem;
    padding: 0 1.22rem;
}
.header .menus ul li{
    float: left;
    position: relative;
    padding: 0 0.2rem;
    height: 0.8rem;
}
.header .menus ul li a.menu-link{
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}
.header .menus ul li a.menu-link span{
    float: left;
    font-size: 0.18rem;
    line-height: 0.8rem;
    color: #3E3A39;
}
.header .menus ul li a.menu-link .down-submenu{
    float: left;
    margin-left: 0.12rem;
    width: 0.08rem;
    height: 0.8rem;
    background: url('../images/menu-arrow.png') no-repeat center center;
}
.header .menus ul li a.menu-link::after{
    content: "";
    height: 0.12rem;
    width: 0.01rem;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 0.34rem;
}
.header .menus ul li:last-child a.menu-link::after{
    height: 0;
}
.header .menus ul li .submenu-box{
    position: absolute;
    top: 0.8rem;
    left: 0;
    width: 3.43rem;
    height: 1.8rem;
    padding: 0.4rem 0.42rem;
    background: #fff;
    z-index: 5;
    display: none;
}
.header .menus ul li .submenu-box .submenu-links{
    margin-right: 1.5rem;
    overflow: hidden;
}
.header .menus ul li .submenu-box .submenu-links a{
    float: left;
    width: 1.08rem;
    font-size: 0.14rem;
    line-height: 0.34rem;
    color: #000;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    padding-left: 0.15rem;
    background: url('../images/submenu-arrow.png') no-repeat left center;
    text-decoration: none;
}
.header .menus ul li .submenu-box .submenu-links a:hover{
    color: #C30D23;
    transition: color .3s ease-in-out;
}
.header .menus ul li .set-w3{
    width: 4.5rem;
    left: auto;
    right: 0;
}
.header .menus ul li .set-w4{
    width: 3.5rem;
    left: auto;
    right: 0;
}
.header .menus ul li .set-w2 {
    width: 4.5rem;
}
.header .menus ul li .set-w2 .submenu-links{
    padding: 0.17rem 0;
}

.header .menus ul li .submenu-box .submenu-img{
    float: right;
    width: 1.5rem;
    height: 1.02rem;
    overflow: hidden;
}
.header .menus ul li .submenu-box .submenu-img img{
    width: 100%;
    height: 100%;
}
.header .menus ul li:hover a.menu-link span,
.header .menus ul li.active a.menu-link span{
    color: #C30D23;
    transition: color .3s ease-in-out;
}
.header .menus ul li:hover{
    background: #fff;
}
.header .menus ul li:hover .submenu-box{
    display: block;
    transition: all .3s ease-in-out;
}


.footer{
    width: 100%;
    height: 4.02rem;
    background: #232323;
    position: relative;
    z-index: 1;
}
.footer .f-top-link{
    padding: 0 0 0.4rem;
    position: relative;
}
.footer .w1200 .items-link{
    padding: 0.28rem 0 0.14rem;
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
}
.footer .w1200 .en-text{
    float: left;
    width: 0.8rem;
    text-align: left;
}
.footer .w1200 .en-text span{
    display: block;
    font-size: 0.12rem;
    line-height: 0.12rem;
    color: rgb(221, 221, 221,0.4);
}
.footer .w1200 .en-text p{
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: rgb(255, 255, 255,0.6);
}
.footer .w1200 .items-link .out-link{
    float: left;
    padding: 0.12rem 0 0 0.20rem;
}
.footer .w1200 .items-link .out-link a{
    float: left;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: rgb(255, 255, 255,0.8);
    margin-right: 0.24rem;
    text-decoration: none;
}
.footer .w1200 .items-link .out-link a:hover,.footer .w1200 .items-fast .inner-link a:hover,
.footer .w1200 .items-contact .inner-info a:hover , .footer .w1200 .items-contact .inner-info a:hover{
    color: rgb(255, 255, 255,1);
}
.footer .w1200 .items-fast{
    padding: 0.44rem 0 0.58rem;
    overflow: hidden;
}
.footer .w1200 .items-fast .inner-link{
    float: left;
    padding: 0.12rem 0 0 0.20rem;
}
.footer .w1200 .items-fast .inner-link a{
    float: left;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: rgb(255, 255, 255,0.8);
    margin-right: 0.24rem;
    text-decoration: none;
}
.footer .w1200 .items-contact{
    overflow: hidden;
}
.footer .w1200 .items-contact .phone-box{
    float: left;
    margin-left: 0.2rem;
    overflow: hidden;
}
.footer .w1200 .items-contact .img-box{
    float: left;
    width: 0.36rem;
    height: 0.36rem;
    overflow: hidden;
}
.footer .w1200 .items-contact .img-box img{
    width: 100%;
    height: 100%;
    transition: all 1s ease;
}
.footer .w1200 .items-contact .inner-info{
    float: left;
    padding-left: 0.18rem;
}
.footer .w1200 .items-contact .inner-info p{
    font-size: 0.12rem;
    line-height: 0.14rem;
    color: #DDDDDD;
}
.footer .w1200 .items-contact .email-box:hover .img-box img,
.footer .w1200 .items-contact .phone-box:hover .img-box img{
    transform: rotateY(180deg);
}

.footer .w1200 .items-contact .inner-info a{
    display: block;
    font-size: 0.12rem;
    line-height: 0.22rem;
    color: rgb(255, 255, 255,0.8);
    text-decoration: none;
}

.footer .w1200 .items-contact .inner-info a.call-phone{
    font-size: 0.2rem;
}
.footer .w1200 .email-box{
    float: left;
    margin-left: 1.5rem;
    overflow: hidden;
}
.footer .w1200 .items-wechat{
    position: absolute;
    right: 0;
    bottom: 0.4rem;
    overflow: hidden;
}
.footer .w1200 .items-wechat .wechat-img{
    float: left;
    width: 0.22rem;
    height: 0.3rem;
    padding: 0.06rem 0;
    text-align: center;
    overflow: hidden;
    margin-top: 0.7rem;
}
.footer .w1200 .items-wechat .wechat-img img{
    float: left;
    height: 0.18rem;
}
.footer .w1200 .items-wechat span{
    float: left;
    font-size: 0.12rem;
    line-height: 0.3rem;
    color: #fff;
    padding: 0 0.28rem 0 0.1rem;
    margin-top: 0.7rem;
}

.footer .copyright{
    border-top: 0.01rem solid rgba(255, 255, 255, 0.15);
}
.footer .copyright p{
    font-size: 0.12rem;
    line-height: 1.14rem;
    color: rgb(222, 222, 222,0.6);
    text-align: center;
}


/* 页码 */
.public-pagination{
    padding: 0 0 0.8rem;
    text-align: center;
}
.layui-laypage-changeColor .layui-disabled{
    background: #EFEFEF;
    border-color: #CCC;
}
.layui-laypage-changeColor a{
    background: #E9F9FB;
    color: #C30D23;
    border-color: #B3E0E7;
}
.layui-laypage-changeColor .layui-laypage-curr .layui-laypage-em{
    background: #C30D23!important;
    color: #fff;
}
.layui-laypage-changeColor .layui-laypage-btn{
    background: #C30D23;
    border-color: #C30D23;
    color: #fff;
}